<template>
  <view class="contact_warp">
    <view class="contect_image_warp">
      <image src="https://s3.ax1x.com/2020/12/15/rMpQVU.jpg"></image>
    </view>
    <view class="contact_phone" @click="phone">联系电话：400-618-9090（点击拨打）</view>
    <view class="contact_address_warp"
      >地址：河北省秦皇岛市山海关区山海关铁路技师学院</view
    >
    <map
      class="map"
      :longitude="longitude"
      :latitude="latitude"
      :markers="markers"
	  scale=15
    ></map>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 119.764462,39.993443
      longitude: 119.764462,
      latitude: 39.993443,
      markers: [
        {
          longitude: 119.764462,
		  latitude: 39.993443,
		  iconPath:"https://s3.ax1x.com/2020/12/15/rMnEwj.jpg",
			width:30,
			height:30
        },
      ],
    };
  },
  methods: {
	//   拨打电话
	phone(){
		uni.makePhoneCall({
			phoneNumber: "400-618-9090"
		})
	}
  },
};
</script>

<style lang="less" scope>
.contact_warp {
  .contect_image_warp {
    width: 100%;
    height: 340rpx;
    image {
      width: 100%;
      height: 100%;
    }
  }
  .contact_phone,
  .contact_address_warp {
    // width: ;
    padding: 20rpx;
    margin: 0 20rpx;
    border-bottom: 1rpx solid #ccc;
    font-size: 32rpx;
  }
  .contact_address_warp {
    border: none;
  }
  .map {
    width: 750rpx;
    height: 750rpx;
  }
}
</style>
